var dancerBgAniHandler = function(e){
    // code to execute after animation ends
    $("#dancers").one('webkitAnimationEnd oanimationend msAnimationEnd animationend', dancerAniHandler);
    $("#dancers").removeClass("f-ann")
}

var dancerAniHandler = function(e){
    //rebind dancer-bg ani event handler
    //show characters
    $(".animated-char").removeClass("f-ann");
    $("#dancer-bg").addClass('blurMe');
    $("#dancers").addClass('blurMe');
}

$(function(){
    $(".g-doc").height($(window).height());
    var mySwiper;
    
    $("#dancer-bg").one('webkitAnimationEnd oanimationend msAnimationEnd animationend',  dancerBgAniHandler);
    


    $('body').jpreLoader({
		showSplash: false,
        showPercentage: false,
        //loaderVPos: '40%',
		splashFunction: function() {  
			
		}
	}, function() {	
	    $('.g-ct').removeClass("f-dn");
        $(".g-ct").height($(window).height());

	    mySwiper = $('#main-swiper').swiper({
	        speed: 800,
            mode:'vertical',
            noSwiping: true,
            followFinger: false,
            loop: false,
            onInit: function(a) {
                $(a.activeSlide()).find(".animated").removeClass("f-ann");
            },
            onSlideChangeStart: function(a) {
                $('#main-swiper').find(".animated").addClass("f-ann");
                $('#main-swiper').find(".animated-char").addClass("f-ann");
                $('#main-swiper').find(".blurMe").removeClass("blurMe");

                if(a.activeIndex === 0){
                    $("#dancers").addClass("f-ann")
                    $("#dancer-bg").one('webkitAnimationEnd oanimationend msAnimationEnd animationend',  dancerBgAniHandler);
                }
                if(a.activeIndex === 7){
                    $(".click-city").addClass("f-dn");
                }
                
            },
            onSlideChangeEnd: function(a){
                $(a.activeSlide()).find(".animated").removeClass("f-ann");
            }
        });

        $("#jiu2").on('webkitAnimationEnd oanimationend msAnimationEnd animationend',  function(e){
            //switch to B01 story page after 2s delay
            console.log(e);
            setTimeout(function(){ mySwiper.swipeTo(1); }, 1000);
        });

        $(".qingdao").on('webkitAnimationEnd oanimationend msAnimationEnd animationend',  function(e){
            //switch to B01 story page after 2s delay
            console.log(e);
            $(".click-city").removeClass("f-dn");
        });
        /* hide loading mask */
        
	});

    $(".beijing").click(function(e){
        $(".city-show").show(function(e){
            $(".city-show").removeClass("f-dn");
            $(".city-show").find("#beijing").removeClass("f-dn");
            $(".city-show").find("#beijing").find(".animated").removeClass("f-ann");
        });
        
    });
    $(".chengdu").click(function(e){
        $(".city-show").show(function(e){
            $(".city-show").removeClass("f-dn");
            $(".city-show").find("#chengdu").removeClass("f-dn");
            $(".city-show").find("#chengdu").find(".animated").removeClass("f-ann");
        });
    });
    $(".guangzhou").click(function(e){
        $(".city-show").show(function(e){
            $(".city-show").removeClass("f-dn");
            $(".city-show").find("#guangzhou").removeClass("f-dn");
            $(".city-show").find("#guangzhou").find(".animated").removeClass("f-ann");
        });
    });
    $(".qingdao").click(function(e){
        $(".city-show").show(function(e){
            $(".city-show").removeClass("f-dn");
            $(".city-show").find("#qingdao").removeClass("f-dn");
            $(".city-show").find("#qingdao").find(".animated").removeClass("f-ann");
        });
    });

    $(".city-show").find(".story").click(function(e){
        console.log(e);
        $(".city-show").fadeOut(function(e){
            $(this).addClass("f-dn");
            $(this).find(".g-content").addClass("f-dn");
            $(this).find(".animated").addClass("f-ann");
        });
        
    });

    $(".city-show").find(".close").click(function(e){
        console.log(e);
        $(".city-show").fadeOut(function(e){
            $(this).addClass("f-dn");
            $(this).find(".g-content").addClass("f-dn");
            $(this).find(".animated").addClass("f-ann");
        });
    });

    $("#share a").click(function(e){
        console.log(e);
        $(".share-hint").show();
    });

    $(".share-hint").click(function(e){
        $(this).hide();
    });


    /*  微信分享 */
    function do_weixin_share() {
        /*发送给好友*/
        WeixinJSBridge.on('menu:share:appmessage', function (argv) {
            share_weixin_friend();
        });
        /*分享到朋友圈*/
        WeixinJSBridge.on('menu:share:timeline', function (argv) {
            share_weixin_timeLine();
        });
        /*分享到微博*/
        WeixinJSBridge.on('menu:share:weibo', function (argv) {
            share_weixin_t();
        });
    }

    /*分享自定义*/
    function share_weixin_friend() {
        WeixinJSBridge.invoke('sendAppMessage', {
            "img_url": "../images/share.jpg",
            "img_width": "120",
            "img_height": "120",
            "link": "/",
            "desc": "越过山丘，愿你美丽依旧",
            "title": "越过山丘，愿你美丽依旧"
        },function(data) {
            $(".share-hint").hide();
        });
    }
    
    function share_weixin_timeLine() {
        WeixinJSBridge.invoke('shareTimeline', {
            "img_url": "../images/share.jpg",
            "img_width": "120",
            "img_height": "120",
            "link": "/",
            "desc": "越过山丘，愿你美丽依旧",
            "title": "越过山丘，愿你美丽依旧"
        },function(data) {
            //$("#fade_share").css("display","none");
            $(".share-hint").hide();
        });
    }
    
    if(typeof WeixinJSBridge === "undefined") {
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            do_weixin_share();
        }, false)
    } else {
        do_weixin_share();
    }
});
